<script setup>
import TCard from '../components/TCard.vue';

const types = [
    {
        title: '微博',
        value: 'weibo'
    },
    {
        title: '知乎',
        value: 'zhihu'
    },
    {
        title: '百度',
        value: 'baidu'
    },
    {
        title: '豆瓣',
        value: 'douban'
    },
    {
        title: '今日头条',
        value: 'toutiao'
    },
    {
        title: '腾讯新闻',
        value: 'tengxun'
    },
    {
        title: '澎湃新闻',
        value: 'pengpai'
    },
    {
        title: '网易新闻',
        value: 'wangyi'
    },
    {
        title: 'IT之家',
        value: 'ithome'
    },
    {
        title: '哔哩哔哩',
        value: 'bilibili'
    },
    {
        title: '稀土掘金',
        value: 'juejin'
    },
    {
        title: 'CSDN',
        value: 'csdn'
    },
]
</script>

<template>
    <div class="home-container">
        <n-grid :x-gap="32" :y-gap="20" cols="1 s:2 m:3 l:4 xl:4 2xl:5" responsive="screen">
            <n-grid-item v-for="item in types" :key="item.value">
                <t-card :type="item.value" />
            </n-grid-item>
        </n-grid>
    </div>
</template>

<style lang="scss" scoped></style>


